<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>实验教学管理系统</title>
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<script src="js/jquery-3.2.0.min.js" ></script>
	<script src="js/bootstrap.min.js" ></script>
	<script src="js/config.js" ></script>
	<script src="js/common.js" ></script>
	<style>
		html,body {height:100%;width:100%;position:absolute;}
		#hole {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);padding:200px;z-index:10;}
		.wq-center {background:rgba(255,255,255,0.7);padding:20px;width:400px;margin:0 auto;border-radius:10px;}
		.wq-gender label{display:inline-block;min-width:200px;text-align:center;line-height:2.5}
		.wq-gender label input[type=radio] {width:20px;}
	</style>
</head>
<body>
	<nav class="navbar navbar-inverse">
	 	<div class="container-fluid">
		    <div class="navbar-header">
		      <a id="title" class="navbar-brand" href="#">
		        	实验教学管理系统
		      </a>
		    </div>
		    <div class="navbar-header navbar-right" style="color:#9d9d9d">
		    	<a id="wq_name" class="navbar-brand" href="#">	
		    		
		    	</a>
		    </div>
	    </div>
	    <ul id="nav" class="nav navbar-nav">
        	
        </ul>
	</nav>
	<article style="position:absolute;left:0;right:0;top:102px;bottom:0;">
		<iframe name="main" id="main" style="height:100%;width:100%;" src="welcome.html"></iframe>
	</article>
	<article id="hole">
		<section id="loginFrame" class="wq-center">
			<h2>登录</h2>
			<div class="input-group wq-list-grounp-item">
				<span class="input-group-addon" id="basic-addon1"><span
					class="glyphicon glyphicon-user"></span>
				</span> <input name="username" type="text"
					class="form-control" placeholder="Username"
					aria-describedby="basic-addon1">
			</div>
			<div class="input-group wq-list-grounp-item">
				<span class="input-group-addon" id="basic-addon1"><span
					class="glyphicon glyphicon-link"></span>
				</span> <input name="password" type="password"
					class="form-control" placeholder="Password" aria-describedby="basic-addon1">
			</div>
			<div class="input-group wq-list-grounp-item wq-gender">
				<span class="input-group-addon" id="basic-addon1"><span
					class="glyphicon glyphicon-tag"></span>
				</span> 
				<label class="label label-danger"><input type="radio" name="role" value="SUPERADMIN" class="form-control" placeholder="role" aria-describedby="sizing-addon1" style="display:inline" checked="checked"><span class="wq-text-center">超管</span></label>
				<label class="label label-warning"><input type="radio" name="role" value="TEACHER" class="form-control" placeholder="role" aria-describedby="sizing-addon1" style="display:inline"><span class="wq-text-center">老师</span></label>
				<label class="label label-info"><input type="radio" name="role" value="STUDENT" class="form-control" placeholder="role" aria-describedby="sizing-addon1" style="display:inline"><span class="wq-text-center">学生</span></label>
			</div>
			<div class="input-group wq-list-grounp-item">
				<span class="input-group-btn"> <input id="loginBtn"
					style="float: right" class="btn btn-default" type="submit"
					style="width:50%">Submit</input> </span>
			</div>
		</section>
	</article>
	
	<script src="js/login.js"></script>
</body>	
</html>